<template>
	<view class="content">
		<image class="custom-bj" src="@/static/images/news/min-bj.png"></image>
		<view class="list">
			<revenue-li :item="item" v-for="item in list[0].goodsList"></revenue-li>
			
			<!-- 加载中插件 -->
			<load-more :loading="list[0].loading" :finished="list[0].finished" :empty="list[0].empty"></load-more>
		</view>
	</view>
</template>

<script>
import LoadMore from '@/components/LoadMore';
import RevenueLi from '@/components/news/RevenueLi';
import loader from '@/utils/mixin/loader';
export default {
	mixins: [loader],
	data() {
		return {};
	},
	components: {
		LoadMore,
		RevenueLi
	},
	onShow() {
		this.loadMore(this.list[0]);
	},
	methods: {
		// 加载前参数处理
		beforeLoad() {
			this.service = this.$service.news.bills.incomeList(this.params);
			return true;
		},
	},
};
</script>

<style lang="scss" scoped>
.content {
	background: #f6f7fa;
	height: 100vh;
	.custom-bj {
		width: 100%;
		height: 172rpx;
		position: relative;
		z-index: 10;
	}
	.list {
		position: relative;
		z-index: 20;
		width: 700rpx;
		margin: auto;
		margin-top: -120rpx;
		background: #ffffff;
		border-radius: 20rpx;
		padding: 20rpx 40rpx 20rpx;
	}
}
</style>
